<template>
  <v-app>
      <core-toolbar />
      <v-content>
        <router-view />
      </v-content>
      <core-footer class="hidden-sm-and-down" />
    <core-navbar class="hidden-md-and-up"/>
    <core-rocket />
  </v-app>
</template>

<script>
export default {
  name: "App",

  components: {
    CoreFooter: () => import("@/components/Footer"),
    CoreToolbar: () => import("@/components/ToolBar"),
    CoreNavbar: () => import("@/components/BottomNav"),
    CoreRocket: () => import("@/components/Rocket")
  },

  data: () => ({
    //
  })
};
</script>
<style lang="css" scoped>
.v-application {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  background-color: #F5F5F5 !important;
}
.bbox {
  bottom: 80px !important;
  right: 0 !important;
}
</style>
